@keyframes rmwcToolTipIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rmwcToolTipOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.rmwc-rc-tooltip {
  position: absolute;
  z-index: 9999;
  display: block;
  visibility: visible;
  line-height: 1.5;
  font-size: 0.75rem;
  font-family: inherit;
  padding: 1px;
  opacity: 0.9;
}

.rmwc-rc-tooltip-hidden {
  display: none;
}

.rmwc-rc-tooltip.rmwc-rc-tooltip-zoom-enter,
.rmwc-rc-tooltip.rmwc-rc-tooltip-zoom-leave {
  display: block;
}

.rmwc-rc-tooltip-zoom-enter,
.rmwc-rc-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.15s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.rmwc-rc-tooltip-zoom-leave {
  animation-duration: 0.075s;
  animation-fill-mode: both;
  animation-play-state: paused;
}

.rmwc-rc-tooltip-zoom-enter.rmwc-rc-tooltip-zoom-enter-active,
.rmwc-rc-tooltip-zoom-appear.rmwc-rc-tooltip-zoom-appear-active {
  animation-name: rmwcToolTipIn;
  animation-play-state: running;
}

.rmwc-rc-tooltip-zoom-leave.rmwc-rc-tooltip-zoom-leave-active {
  animation-name: rmwcToolTipOut;
  animation-play-state: running;
}

.rmwc-rc-tooltip-inner {
  display: flex;
  align-items: center;
  padding: 0.33rem 1rem;
  color: var(--mdc-theme-surface, white);
  text-align: left;
  text-decoration: none;
  background-color: var(--mdc-theme-on-surface, black);
  border-radius: 0.25rem;
  min-height: 2rem;
  box-sizing: border-box;
}

.rmwc-rc-tooltip--show-arrow .rmwc-rc-tooltip-arrow {
  display: block;
}

.rmwc-rc-tooltip-arrow {
  display: none;
}

.rmwc-rc-tooltip-arrow,
.rmwc-rc-tooltip-arrow-inner {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.rmwc-rc-tooltip-placement-top .rmwc-rc-tooltip-arrow,
.rmwc-rc-tooltip-placement-topLeft .rmwc-rc-tooltip-arrow,
.rmwc-rc-tooltip-placement-topRight .rmwc-rc-tooltip-arrow {
  bottom: -5px;
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: var(--mdc-theme-on-surface, black);
}

.rmwc-rc-tooltip-placement-top .rmwc-rc-tooltip-arrow-inner,
.rmwc-rc-tooltip-placement-topLeft .rmwc-rc-tooltip-arrow-inner,
.rmwc-rc-tooltip-placement-topRight .rmwc-rc-tooltip-arrow-inner {
  bottom: 1px;
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: var(--mdc-theme-surface, white);
}

.rmwc-rc-tooltip-placement-top .rmwc-rc-tooltip-arrow {
  left: 50%;
}

.rmwc-rc-tooltip-placement-topLeft .rmwc-rc-tooltip-arrow {
  left: 15%;
}

.rmwc-rc-tooltip-placement-topRight .rmwc-rc-tooltip-arrow {
  right: 15%;
}

.rmwc-rc-tooltip-placement-right .rmwc-rc-tooltip-arrow,
.rmwc-rc-tooltip-placement-rightTop .rmwc-rc-tooltip-arrow,
.rmwc-rc-tooltip-placement-rightBottom .rmwc-rc-tooltip-arrow {
  left: -5px;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: var(--mdc-theme-on-surface, black);
}

.rmwc-rc-tooltip-placement-right .rmwc-rc-tooltip-arrow-inner,
.rmwc-rc-tooltip-placement-rightTop .rmwc-rc-tooltip-arrow-inner,
.rmwc-rc-tooltip-placement-rightBottom .rmwc-rc-tooltip-arrow-inner {
  left: 1px;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: var(--mdc-theme-surface, white);
}

.rmwc-rc-tooltip-placement-right .rmwc-rc-tooltip-arrow {
  top: 50%;
}

.rmwc-rc-tooltip-placement-rightTop .rmwc-rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.rmwc-rc-tooltip-placement-rightBottom .rmwc-rc-tooltip-arrow {
  bottom: 15%;
}

.rmwc-rc-tooltip-placement-left .rmwc-rc-tooltip-arrow,
.rmwc-rc-tooltip-placement-leftTop .rmwc-rc-tooltip-arrow,
.rmwc-rc-tooltip-placement-leftBottom .rmwc-rc-tooltip-arrow {
  right: -5px;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: var(--mdc-theme-on-surface, black);
}

.rmwc-rc-tooltip-placement-left .rmwc-rc-tooltip-arrow-inner,
.rmwc-rc-tooltip-placement-leftTop .rmwc-rc-tooltip-arrow-inner,
.rmwc-rc-tooltip-placement-leftBottom .rmwc-rc-tooltip-arrow-inner {
  right: 1px;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: var(--mdc-theme-surface, white);
}

.rmwc-rc-tooltip-placement-left .rmwc-rc-tooltip-arrow {
  top: 50%;
}

.rmwc-rc-tooltip-placement-leftTop .rmwc-rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.rmwc-rc-tooltip-placement-leftBottom .rmwc-rc-tooltip-arrow {
  bottom: 15%;
}

.rmwc-rc-tooltip-placement-bottom .rmwc-rc-tooltip-arrow,
.rmwc-rc-tooltip-placement-bottomLeft .rmwc-rc-tooltip-arrow,
.rmwc-rc-tooltip-placement-bottomRight .rmwc-rc-tooltip-arrow {
  top: -5px;
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: var(--mdc-theme-on-surface, black);
}

.rmwc-rc-tooltip-placement-bottom .rmwc-rc-tooltip-arrow-inner,
.rmwc-rc-tooltip-placement-bottomLeft .rmwc-rc-tooltip-arrow-inner,
.rmwc-rc-tooltip-placement-bottomRight .rmwc-rc-tooltip-arrow-inner {
  top: 1px;
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: var(--mdc-theme-surface, white);
}

.rmwc-rc-tooltip-placement-bottom .rmwc-rc-tooltip-arrow {
  left: 50%;
}

.rmwc-rc-tooltip-placement-bottomLeft .rmwc-rc-tooltip-arrow {
  left: 15%;
}

.rmwc-rc-tooltip-placement-bottomRight .rmwc-rc-tooltip-arrow {
  right: 15%;
}

@media (min-width: 768px) {
  .rmwc-rc-tooltip-inner {
    padding: 0.33rem 0.5rem;
    min-height: 1.5rem;
  }
}
